<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
	/>
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<link rel="stylesheet" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/aui.css" />
	<link rel="stylesheet" href="../css/money_box.css" />
	<title>预付货款交易明细</title>
	<style>
		body {
			background: #FFFFFF;
		}

		.aui-bar-light {
			border-bottom: 0;
		}

		.tit {
			text-align: left;
			padding-left: 0.5rem;
			line-height: 2.2rem;
			color: #FFFFFF;
			background: #ffc73c;
		}

		.title {
			display: -webkit-flex;
			justify-content: space-between;
			padding: 0 0.75rem;
			line-height: 1.5rem;
			margin: 0.5rem 0;
			border-bottom: 1px solid #DDDDDD;
		}

		.list a {
			color: #222222;
		}

		.bor_bom {
			border-bottom: 1px solid #DDDDDD;
		}

		.flex-1 {
			flex: 1;
		}

		.btn {
			margin: 0.5rem 0;
			text-align: center;
		}

		.btn button {
			background: #CCCCCC;
			border: 1px solid #DDDDDD;
		}

		.color-878 {
			color: #878787;
		}
	</style>
</head>

<body>
	<!-- 头部  s -->


	<header class="aui-bar aui-bar-nav aui-bar-light" style="background: #4e536c;">
		<a class="aui-pull-left aui-btn" onclick="history.go(-1)">
			<span class="aui-iconfont aui-icon-left" style="color: #FFFFFF;"></span>
		</a>
		<div class="aui-title" style="color: #FFFFFF;">预付货款交易明细</div>

	</header>
	<!-- 头部  e  -->
	<!-- <div class="tit">
			数据更新时间：2017-12-27 09：00：00
		</div> -->
	<div id="content">
		<template id="list">
			{{each list as value index}}
			<div class="list">
				<a  href="details.html?terminal={{value.terminal}}&cardNumber={{value.cardNumber}}&time={{value.time}}&money={{value.money}} ">
					<div class="title">
						<div>终端{{value.terminal}} - 消费
							<div class="color-878">{{value.time}}</div>
							<div class="color-878">交易卡号：{{value.cardNumber}}</div>
						</div>
						<div class="aui-font-size-18">+{{value.money}}元</div>
					</div>
				</a>
			</div>
			{{/each}}
		</template>
	</div>

	<script src="../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/comment.js"></script>
	<script src="../js/template.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		window.onload = function () {
			var data = {
				list: [{
					terminal: "822584072981967",
					time: "2017-12-27 15:10:23",
					cardNumber: '6230****472170',
					money: '39500'
				},
				{
					terminal: "822584072981967",
					time: "2017-12-27 13:50:45",
					cardNumber: '6230****103451',
					money: '95000'
				},{
					terminal: "822584072981967",
					time: "2017-12-27 13:45:12",
					cardNumber: '6230****137448',
					money: '15000'
				},{
					terminal: "822584072981967",
					time: "2017-12-27 13:02:45",
					cardNumber: '6230****974271',
					money: '13200'
				},{
					terminal: "822584072981967",
					time: "2017-12-27 11:30:19",
					cardNumber: '6230****897172',
					money: '90000'
				},{
					terminal: "822584072981967",
					time: "2017-12-27 11:45:36",
					cardNumber: '6230****324517',
					money: '50000'
				},{
					terminal: "822584072981967",
					time: "2017-12-27 09:40:46",
					cardNumber: '6230****653121',
					money: '135000'
				},{
					terminal: "822584072981967",
					time: "2017-12-27 09:39:12",
					cardNumber: '6230****009472',
					money: '30000'
				},{
					terminal: "822584072981967",
					time: "2017-12-26 19:41:32",
					cardNumber: '6230****697871',
					money: '50000'
				},{
					terminal: "822584072981967",
					time: "2017-12-26 19:40:16",
					cardNumber: '6230****167894',
					money: '60000'
				},{
					terminal: "822584072981967",
					time: "2017-12-26 16:30:46",
					cardNumber: '6230****138972',
					money: '100000'
				}]
			};
			var html = template('list', data);
			document.getElementById('content').innerHTML = html;
		}
	</script>
</body>

</html>